<template>
	<view >
		<view class="m-h1" style="text-align: center;">
			产品详情
		</view>
		<view class="" @tap="toBack()">
			<image class="nav-margin-back-img" src="../../static/back.png" mode="widthFix"></image>
		</view>
		<view class="" style="margin-top: 80rpx;margin-bottom: 36rpx;">
			<image style="width: 750rpx;height: 750rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/bancai-1.png" mode="widthFix"></image>
		</view>
		
		<view class="content list-border-bottom" style="display: flex;justify-content: space-between;padding-bottom: 20rpx;margin-bottom: 20rpx;">
				<view class="">
					<view class="list-font-1">
						隔墙板（单筋）
					</view>
					<view class="">
						<text class="list-font-2">3-5天</text>
						<text class="list-font-2">40m³起订</text>
						<text class="list-font-2">70%定金</text>
					</view>
					<view style="padding-top: 60rpx;">
						<text class="list-font-3" style="margin-right: 10rpx;">规格(LxBxH)</text><text class="list-font-5">mm</text> 
					</view>
				</view>
				<view class="">
					<text class="list-font-4" style="margin-right: 10rpx;">¥89.0</text>
					<text class="list-font-5">/m³</text>
				</view>
		</view>
		
		<view class="content " >
			<view class="list-font-6" style="margin-bottom: 40rpx;">
				2000x600x200
			</view>
			<view class="" style="display: flex;justify-content: space-between;">
				<view class="">
					<view class="list-box">
						产品等级
					</view>
					<view class="list-box-text">
						B05 A3.5
					</view>
				</view>
				<view class="">
					<view class="list-box">
						参考发货周期
					</view>
					<view class="list-box-text">
						3-5天
					</view>
				</view>
				<view class="">
					<view class="list-box">
						发货地
					</view>
					<view class="list-box-text">
						湖州区·长兴县
					</view>
				</view>
				
			</view>
		</view>
		<view style="position: relative;top: 80rpx;">
		<view>
		<view class="">
			<image style="width: 100%;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/other-2.png" mode="widthFix"></image>
		</view>
		<view class="">
			<image style="width: 100%;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/bancai-1.png" mode="widthFix"></image>
		</view>
		<view class="">
			<image style="width: 100%;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/other-3.png" mode="widthFix"></image>
		</view>
		<view class="">
			<image style="width: 100%;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/other-5.png" mode="widthFix"></image>
		</view>
		</view>
		
		<view style="position: relative;top: 80rpx;">
			<!-- 资质证书 -->
			<view class="">
				<view class="f-flex-a ">
					<view class="m-h2">
						资质证书
					</view>
					<view >
						<!-- <text class="m-font-md">全部</text>
						<image class="m-icon-down" src="../../static/next.png" mode=""></image> -->
					</view>
				</view>
				
			</view>
			<view class=" .f-content " >
				<text class="m-font-md m-margin-bottom">公司资质证件荣誉墙</text>
				<view class="f-content-flex" style="overflow-x: scroll;margin-top: 36rpx;" >
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image style="width: 402rpx;height: 300rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-7.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										证书一
									</view>
								</view>
							</view>
				
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image style="width: 222rpx;height: 300rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-6.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										证书二
									</view>
								</view>
							</view>
						
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image style="width: 222rpx;height: 300rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-6.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										证书三
									</view>
								</view>
							</view>
						
						</view>
					</view>
					
					
				</view>
			</view>
			
			<!-- 工艺知识 -->
			<view class="">
				<view class="f-flex-a ">
					<view class="m-h2">
						技术优势
					</view>
					<view >
						<!-- <text class="m-font-md">全部</text>
						<image class="m-icon-down" src="../../static/next.png" mode=""></image> -->
					</view>
				</view>
				
			</view>
			<view class=" .f-content " >
				<text class="m-font-md m-margin-bottom">注册专利技术值得信任</text>
				<view class="f-content-flex" style="overflow-x: scroll;margin-top: 36rpx;" >
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-3.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										绿色环保
									</view>
								</view>
							</view>
				
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-4.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										保温隔热
									</view>
								</view>
							</view>
						
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-5.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										防火阻燃
									</view>
								</view>
							</view>
						
						</view>
					</view>
					
					
			
				</view>
			</view>
			
			<view class="">
				<view class="f-flex-a ">
					<view class="m-h2">
					装配工艺	
					</view>
					<view >
						<!-- <text class="m-font-md">全部</text>
						<image class="m-icon-down" src="../../static/next.png" mode=""></image> -->
					</view>
				</view>
				
			</view>
			<view class=" .f-content " >
				<text class="m-font-md m-margin-bottom">注册专利技术值得信任</text>
				<view class="f-content-flex" style="overflow-x: scroll;margin-top: 36rpx;" >
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-3.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										施工装配
									</view>
								</view>
							</view>
				
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-4.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										施工装配
									</view>
								</view>
							</view>
						
						</view>
					</view>
					
					<view class="f-content-flex-c f-content-magrin ">
						<view class="">
							<image class="f-content-img-a" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/f-5.png" mode="widthFix"></image>
							<view class="f-content-postion-top">
								<view class="" style="display: flex;justify-content: center;">
									<view class="f-font-p-c">
										施工装配
									</view>
								</view>
							</view>
						
						</view>
					</view>
					
					
			
				</view>
			</view>

		</view>
		
		
		
		<!-- 价格 -->
		<view class="" style="position: relative;top: 80rpx;">
			<view class="content list-img"  style="margin-bottom: 40rpx;display: flex;justify-content: center;">
				<view style="" class="list-font-7">
					价格说明
				</view>
			</view>
			<view class="content">
				<view class="m-margin-bottom" style="display: flex;">
					<view class="">
						<view class="list-font-8" style="margin-bottom: 20rpx;">
							未划线价格：：
						</view>
						<view class="list-font-9">
							仅代表UBlock对该产品实时标价，具体成交价格以商品参加活动或使用优惠券等发生变化，最终于订单结算页价格为准；
						</view>
					</view>
				</view>
				
				<view class="" style="display: flex;">

					<view class="">
						<view class="list-font-8" style="margin-bottom: 20rpx;">
							划线价格：
						</view>
						<view class="list-font-9">
							商品展示的划横线价格并非原价，仅供参考；
						</view>
					</view>
				</view>
				
			</view>
		</view>
		</view>
		<view class="o-bottom" style="display: flex;">
			<view>
				<button @click="Call()"  type="default" style="width: 375rpx;height: 96rpx;">
					<text class="o-font-6" style="position: relative;top30rpx">联系客服</text>
					
					</button>
			</view>
			<view >
				<button @click="toPay()" class="" type="default" style="background-color: #1B4098; width: 375rpx;height: 96rpx;">
					<text  class="o-font-7" style="position: relative;top30rpx">立即支付</text>
					</button>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			Call:function(){
				uni.makePhoneCall({
				    phoneNumber: '0572-6308033' //仅为示例
				});
			},
			toPay:function(){
				uni.navigateTo({
					url:'../order-1/order-1'
				})
			},
			toBack:function(){
				console.log(1)
				uni.navigateBack({
					delta: 1 //返回上一级页面
				})
			},
		}
	}
</script>

<style scoped lang="less">
@import url('enact-list.less');
@import url('../../style.less');
@import url('../find/find.less');
</style>
